

<html>
<head>
<meta charset="utf-8">	
<!-- head -->
<script type="text/javascript"  src="/static_base/vue2.6.14.js"></script>
<script src="/static_base/element_ui_2.0.3_index.js"></script><link href="/static_base/element_ui.css" rel="stylesheet">
<script type="text/javascript"  src="/static_base/base.js"></script>
<link rel="stylesheet" href="/static_base/iconfont.css">
<script type="text/javascript"  src="/static_base/default.js"></script>
<link rel="stylesheet" href="/static_base/default.css">
<link href="\static_base\vuetify2.6.4.min.css" rel="stylesheet">

<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #2d2d2d;
color: #ffffff;
}
.el-button{

color: #409EFF;
 background-color: white!important;
 border-color: #409EFF;
}
.el-button:focus {  
color: #409EFF;
 background-color: white!important;
 border-color: #409EFF;
}
.el-button:hover{

 background-color: #409EFF!important ;
 color:white;
 border-color: #409EFF;
}
</style>
</head>

<body>
   <div id="rr"  style="width:100%;height:100%">
    <a_1_0_0_0_0 :deepcopy_data="{'var_name':'容器上'}">
      <a_1_0_1_0_0 ></a_1_0_1_0_0>
      <a_1_0_1_2_0 ></a_1_0_1_2_0>
        <a_1_0_1_3_0 :deepcopy_data="用户与菜单"></a_1_0_1_3_0>
    </a_1_0_0_0_0>
    <a_1_0_0_0_0 :deepcopy_data="{'var_name':'容器中'}" style="height:calc(100% - 35px)">
      <a_1_0_0_0_0 style="width:20%;height:100%; display: block;"> 
         <a_1_0_0_1_0 :deepcopy_data="主侧栏">
            <a_1_0_2_0_0 :deepcopy_data="项目主侧栏"></a_1_0_2_0_0>
         </a_1_0_0_1_0>
      
      </a_1_0_0_0_0>
      <a_1_0_0_2_0 :deepcopy_data="编辑栏"style="width:80%;height:100%; display: block;">
         <a_1_0_3_4_0 :deepcopy_data="项目列表"></a_1_0_3_4_0>
      </a_1_0_0_2_0>
   </a_1_0_0_0_0>
   </div>
</body>
<script>
(async () => {  
/* ---------------------前置js-------start--------------*/
//初始化浏览器界面监听对象
window.urls={
   更改目录名称_url:"/change_project_dir1",
   获取我的项目目录_url:'/get_project_info',
   获取我的他人目录_url:'/get_project_info2',
   获取我的项目XXX目录下的所有项目信息_url:'/get_my_project_all',
   删除目录_url:'/del_pro_dir1',
   获取项目参与者信息:'/get_pro_editor',
   获取他人项目XXX目录下的所有项目信息_url:'/get_other_project_all',
   获取他人项目列表_url:'/get_other_projects',
   新建项目目录_url:'/create_project_dir',
   修改展示图片_url:"/change_pro_img",
   获取图片_url:'/get_pro_img',
   删除我的项目目录_url:'/del_project_dir',
   新建我的项目_url:'/create_project',
   保存项目_url:'/save_project',
   删除我的项目_url:'/del_project',
   修改我的项目名称_url:'/change_project',
   查看项目参与者目录_url:'/project_user',

   添加别人参与我的项目_url:'/add_other_project',
   删除别人参与我的项目_url:'/del_other_project',
   
   运行流程_url:'/run_flow',
   结束流程_url:'/stop_flow',
}


new Vue({el:'#rr',
         data: {
            用户与菜单:{"var_name":"用户与菜单"},
            主侧栏:{"var_name":"主侧栏"},
            编辑栏:{"var_name":"编辑栏",test:true},
            项目列表:{var_name:"项目列表",urls:urls},
            项目主侧栏:{
               var_name:'项目主侧栏',tree_data:{
               url:window.urls,
               添加新项目:"项目列表.添加新项目",
               设置显示项目:"项目列表.设置显示项目",
               
            },data:{
              
                                 "base_info":{
                                    "vue_name":"a_1_0_2_0_0_lines",
                                    "deepcopy_data":{"name":`${name}`}
                                 },
                                 "dict":{
                                    1:{
                                          "base_info":{
                                             "vue_name":"a_1_0_2_13_1",
                                             "deepcopy_data":{"name":`我的项目`}
                                          },
                                          "dict":{

                                          }
                                    },
                                    2:{
                                          "base_info":{
                                             "vue_name":"a_1_0_2_14_1",
                                             "deepcopy_data":{"name":`他人项目`}
                                          },
                                          "dict":{

                                          }
                                    },
                                 }
                              }}
         },
         mounted:function(){
      // 等待 Vue 完成 DOM 更新  
      this.$nextTick(() => {  
         
         window['项目主侧栏'].open("");//初始化
      }); 
        
    } })




    
  })();
</script>
